import React, { Component } from "react";
import MainLayout from "../../../component/mainLayout/mainLayout";
import "./index.scss";
import rescissionfailo from "../../../images/imageXHB/icon/rescissionsuc.png";
import { ThemeDefault, ThemeLife } from "../../../tools/theme";

/* @connect(state => ({
    lnid: state.getAppPlatformsDatas.lnid,
    getAppPlatformsDatas: state.getAppPlatformsDatas
})) */
class rescissionsucc extends Component {
	constructor(props) {
		super(props);
		this.state = {};
	}
	componentDidMount() {}
	render() {
		const _pageParams = {
			header: {
				title: "支付关闭结果",
				goBackAction: () => this.props.history.push("/walletHome")
			},
			history: this.props.history,
			cacheLifecycles: this.props.cacheLifecycles
		};
		return (
			<div>
				<MainLayout pageParams={_pageParams}>
					<div className="rescissionsucc">
						<div className="imgfail">
							<img src={rescissionfailo} alt="" />
						</div>
						<div className="title">
							<p>小辉宝支付关闭成功</p>
						</div>
					</div>
					<div className="btnlist">
						<ThemeDefault>
							<div
								className="complete"
								onClick={() => this.props.history.push("/walletHome")}
							>
								完成
							</div>
						</ThemeDefault>
						<ThemeLife>
							<div
								className="complete a-gradient"
								onClick={() => this.props.history.push("/walletHome")}
							>
								完成
							</div>
						</ThemeLife>
					</div>
				</MainLayout>
			</div>
		);
	}
}

export default rescissionsucc;
